<!DOCTYPE html>
<html style="overflow: hidden;">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>洛安集团APP（安卓APP）</title>
		<!--<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=yes" />-->
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
		<link rel="icon" href="http://dspx.tstmobile.com/Index/image/favicon.ico" type="image/x-icon">
		<style>
			* {margin: 0;padding: 0;font-family: "微软雅黑";}
			a {text-decoration: none;color: #fff;border:none}
			#home {width: 100%;height: 100%;overflow: hidden;background: url("img/bj.jpg") top left no-repeat;background-size: 100% 100%;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bj.png', sizingMethod='scale');}
			#home img {width:100%;border: none;}
			.dl-btn {z-index: 99;margin:auto;border-radius:5px;padding: 10px 60px;-webkit-tap-highlight-color:rgba(255, 0, 0, 0);background:#ed3a3e;display: inline-block;}
			.textcenter {text-align: center;}
			#shade {width:100%;height:100%;display:block;position:absolute;top:0;z-index:999;background:rgba(0, 0, 0, 0.5);background:#000\9;filter:alpha(opacity=50);}
			.arrowsImg {margin: 10px 15px;color: #fff;text-align: right;}
			.arrowsImg img{width:20% !important;}
		</style>
	</head>

	<body>
		<div id="home">
			<div class="back_main"><img src="img/luoan_logo.png" /></div>
			<div class="textcenter"> <a class="dl-btn" href="luoanziben.apk" download="luoanziben.apk"> 立 即 下 载 </a> </div>
			<div id="shade"><div class="arrowsImg"> <img src="img/arrows.png" /><h4>浏览器打开</h4></div></div>
		</div>
	</body>
	<script>
		//设备检测打开窗口,遮罩层显示隐藏
		var ua = navigator.userAgent.toLowerCase();
		var isWeixin = ua.indexOf('micromessenger') != -1;
		if(isWeixin) {
			var arrows = document.getElementById('shade');
			arrows.style.display = "block";
		} else {
			var arrows = document.getElementById('shade');
			arrows.style.display = "none";
		}
    	//禁止浏览器滚动条上下滚动
		document.documentElement.style.overflow = 'hidden';
		//禁止浏览器滚动条上下滚动
		document.addEventListener('touchmove', function (event) {
		    event.preventDefault();
		}, false);
		//禁止浏览器滚动条上下滚动
		document.addEventListener('touchmove', function (event) {
		    window.event.returnValue = false;
		}, false);
		//禁止浏览器滚动条上下滚动
		document.querySelector('body').addEventListener('touchstart', function (ev) {
			event.preventDefault();
		});
		//禁止浏览器滚动条上下滚动
		var bodyElem = document.getElementsByTagName('body')[0];
		var htmlElem = document.getElementsByTagName('html')[0];
		htmlElem.style['overflow-y'] = 'hidden';
		htmlElem.style['height'] = '100%';
		bodyElem.style['overflow-y'] = 'hidden';
		bodyElem.style['height'] = '100%';
	</script>
</html>